* {
  margin: 0;
  padding: 0;
}

html,
body,
#app,
.wrapper {
  width: 100%;
  min-width: 1280px;
  height: 100%;
}

body {
  font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'microsoft yahei', arial, STHeiTi, sans-serif;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

.pagination {
  margin: 20px 0;
  text-align: left;
}

.el-table tr:hover {
  background: #f2f8f6;
}

.el-upload--text {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.el-upload--text .el-icon-upload {
  font-size: 67px;
  color: #97a8be;
  margin: 40px 0 16px;
  line-height: 50px;
}

.el-upload--text {
  color: #97a8be;
  font-size: 14px;
  text-align: center;
}

.el-upload--text em {
  font-style: normal;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #404040 !important;
  border-color: #404040 !important;
}
.theme_body {
  height: calc(100vh - 32px);
}
.app_body {
  width: 100%;
}

.el-radio {
  margin-right: 15px !important;
}

.el-loading-mask {
  z-index: 9999 !important;
  background-color: rgb(255, 255, 255, 0.4) !important;
}
#app .el-loading-spinner {
  background-image: url('../../assets/loading.gif');
  background-position: 52% 44%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background-size: 2%;
  background-repeat: no-repeat;
  justify-content: center;
}
#app .el-loading-spinner .el-loading-text {
  color: #fa7355 !important;
  top: 50%;
  left: 50%;
}

.el-loading-spinner {
  background-image: url('../../assets/loading.gif');
  background-size: 2%;
  background-repeat: no-repeat;
  height: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 100% !important;
}

.el-loading-spinner .circular {
  display: none;
}

.el-loading-spinner .el-loading-text {
  position: absolute;
  top: 10%;
  left: -0.5%;
  color: #fa7355 !important;
}

.sbTabs .el-tabs__item {
  height: 60px;
  line-height: 60px;
}

.el-image-viewer__close {
  color: red !important;
}

.sbTabs .el-tabs__item.is-active {
  color: #fa7355;
}

.sbTabs .el-tabs__item:hover {
  color: #fa7355;
}

.sbTabs .el-tabs__header {
  margin: 0;
}

.sbTabs .el-tabs__nav {
  padding: 0 15px;
}

.sbTabs .el-tabs__active-bar {
  left: 15px;
  background-color: #fa7355;
}

.sbTabs .el-tabs__nav-wrap::after {
  height: 1px;
}

.el-dialog {
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  /* max-width: calc(100% - 30px); */
}
.el-dialog .el-form-item__label {
  color: #333;
}

.el-dialog .el-dialog__body {
  flex: 1;
  overflow: auto;
}

.iconfont {
  font-size: 12px;
}

.tagsIcon {
  vertical-align: middle !important;
  width: 24px !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 18px !important;
}

button,
input {
  outline: none;
  border: none;
  background: transparent;
}

.el-table td,
.el-table th {
  padding: 5px 2px !important;
}

.el-table th > .cell {
  color: #2d2d2d !important;
}

.mapTable_th:nth-child(2) th {
  padding: 4px !important;
  background: #f5f7fa !important;
}

.mapTable_th:nth-child(2) th > .cell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sanTable_th:nth-child(2) th {
  background: #f5f7fa !important;
}

.sanTable_th:nth-child(3) th {
  padding: 4px !important;
  background: #f5f7fa !important;
}

.sanTable_th:nth-child(3) th > .cell {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.el-table--border th,
.el-table__fixed-right-patch {
  border-bottom: 1px solid #e2e2e2 !important;
  border-right: 1px solid #e2e2e2 !important;
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
  color: #fa7355 !important;
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  color: #fa7355 !important;
}

.el-picker-panel__icon-btn:hover {
  color: #fa7355 !important;
}

.el-year-table td.today .cell {
  color: #fa7355 !important;
}

.el-table .warning-row {
  background: #f7f7f7;
}

.searchBox .el-input__inner {
  height: 30px !important;
  /* border-right: 1px solid #dcdfe6; */
}

.searchBox .el-input__icon {
  line-height: normal;
}
.searchBox {
  width: calc(100% - 20px);
  float: left;
}
.no_sort {
  width: 100%;
}
.searchBox .el-date-editor {
  width: 100% !important;
}

.el-table .caret-wrapper {
  width: 12px !important;
  height: 30px !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #fa7355 !important;
  background-color: #fa7355 !important;
}

.el-checkbox__inner:hover {
  border-color: #fa7355 !important;
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
  color: #fff !important;
}

.el-dialog__headerbtn {
  top: 15px !important;
}

.el-table .sort-caret.ascending {
  top: 0px !important;
  left: 1px !important;
}

.el-table .sort-caret {
  border-width: 7px !important;
}

.el-table .sort-caret.descending {
  bottom: 0px !important;
  left: 1px !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #fa7355 !important;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #fa7355 !important;
}

.czBtn {
  padding: 7px 10px !important;
}

.el-pagination {
  text-align: center;
  margin-top: 20px;
}

.itemLin .el-form-item__label {
  line-height: 20px;
}

.halfForm .el-form-item {
  width: 50%;
  margin-bottom: 12px !important;
  float: left;
}

.wholeForm .el-form-item {
  width: 100%;
  margin-bottom: 20px !important;
}

.halfForm::after {
  content: '';
  display: block;
  clear: both;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #fa7355 !important;
  background: #fa7355 !important;
}

.eltabs > .el-tabs__header .el-tabs__nav {
  border: none !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: #fa7355 !important;
}

.el-textarea__inner:focus {
  border-color: #fa7355 !important;
}

.el-radio__inner:hover {
  border-color: #fa7355 !important;
}

.el-radio__input.is-disabled .el-radio__inner {
  background-color: #f5f7fa !important;
  border-color: #e4e7ed !important;
}

.el-radio__input.is-disabled + span.el-radio__label {
  color: #c0c4cc !important;
}

.dialog_detail .el-dialog__header {
  background-color: #fa7355;
  padding: 10px;
}

.dialog_detail .el-dialog__body {
  padding: 30px 40px !important;
}

.el-dialog .el-dialog__title {
  color: #fff;
}

.el-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}

.pdfDialog .el-dialog__body {
  height: calc(100% - 55px);
}

.pdfDialog .el-dialog__header {
  background-color: #fa7355;
  padding: 10px;
}

.pdfDialog .el-dialog--center .el-dialog__body {
  padding: 0;
}

.pdfDialog .el-dialog {
  margin: 0 auto 10vh;
  height: 80vh;
  padding-bottom: 0;
}

.el-input.is-disabled .el-input__inner {
  color: #333 !important;
}

.el-date-editor .el-range-separator {
  line-height: 24px !important;
}

.el-message-box__btns .el-button.el-button--primary {
  background-color: #fa7355;
  border: 1px solid #fa7355 !important;
}
.el-message-box__btns .el-button.el-button--primary:hover {
  background-color: rgba(250, 115, 85, 0.85);
  border: 1px solid #fa7355 !important;
}
.el-message-box__btns .el-button--default:hover {
  color: #fff;
  border-color: #fa7355;
  background-color: #fa7355;
}

.exportBtn {
  color: #fa7355 !important;
  border: 1px solid #fa7355 !important;
  padding: 9px 8px !important;
}

.exportBtn:focus,
.exportBtn:hover {
  background-color: #fa7355 !important;
  color: #fff !important;
  border: 1px solid #fa7355 !important;
}

.commonBtn {
  color: #fa7355 !important;
  border: 1px solid #fa7355 !important;
  padding: 9px 15px !important;
}

.commonBtn i {
  font-size: 14px !important;
  margin-right: 5px !important;
}

.commonBtn:focus,
.commonBtn:hover {
  background-color: #fa7355 !important;
  color: #fff !important;
  border: 1px solid #fa7355 !important;
}

.commonBtn1 {
  color: #fff !important;
  background-color: #fa7355 !important;
  border-color: #fa7355 !important;
  padding: 9px 15px !important;
}

.commonBtn1 i {
  font-size: 12px !important;
  margin-right: 5px !important;
}

.commonBtn1:focus,
.commonBtn1:hover {
  background-color: rgba(250, 115, 85, 0.85) !important;
  border-color: rgba(250, 115, 85, 0.85) !important;
  color: #fff !important;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #fa7355 !important;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #fa7355 !important;
  border: 1px solid #fa7355 !important;
  color: #fff !important;
}
.el-form-item__content .el-input-group {
  vertical-align: initial !important;
}
.el-input-group > .el-input__inner {
  border: 1px solid #fa7355 !important;
}

.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border: 1px solid #fa7355 !important;
}

.no_border > .el-input__inner {
  border: 1px solid #dcdfe6 !important;
}
.el-input.is-disabled .el-input__inner {
  background-color: #fff !important;
}
.no_border .el-input-group__append,
.no_border .el-input-group__prepend {
  background-color: #f5f7fa !important;
  color: #909399 !important;
  border: 1px solid #dcdfe6 !important;
  border-left: 0 !important;
}

.el-menu-item.is-active {
  color: #fa7355 !important;
}

.el-menu-item:focus,
.el-menu-item:hover {
  background-color: #ebebeb !important;
}

.el-submenu__title:hover {
  background-color: #fff !important;
  color: #fa7355 !important;
}

.el-submenu__title i {
  font-size: 14px !important;
  margin-right: 5px !important;
}

.el-submenu__title:hover i {
  color: #fa7355 !important;
}

.el-submenu .el-menu-item {
  min-width: 185px !important;
}

.el-dialog__header {
  background-color: #fff4f2 !important;
  padding: 10px !important;
}

.el-dialog .el-dialog__title {
  color: #fa7355 !important;
}
.el-time-panel__btn.confirm {
  color: #fa7355 !important;
}
.el-date-table td.current:not(.disabled) span {
  color: #fff !important;
  background-color: #fa7355 !important;
}
.el-date-table td.today span {
  color: #fa7355 !important;
}
.el-date-table td.available:hover {
  color: #fa7355 !important;
}
.el-input .el-input__clear:hover {
  color: #fa7355 !important;
}
.el-button--text:focus,
.el-button--text:hover {
  color: #fa7355 !important;
}
.el-button.is-plain:focus,
.el-button.is-plain:hover {
  color: #fa7355 !important;
  border-color: #fa7355 !important;
}
/* .el-date-picker__editor-wrap .el-input__inner {
  pointer-events: none;
} */
.el-picker-panel__footer .el-button--text {
  color: #fa7355;
  display: none;
}
.el-dialog .el-dialog__headerbtn .el-dialog__close,
.el-pagination {
  color: #333 !important;
}
.el-dialog .el-dialog__headerbtn .el-dialog__close:hover {
  color: #fa7355 !important;
}
.el-dialog--center .el-dialog__body {
  padding: 30px 40px !important;
}

.commonFrom .el-form-item {
  width: 50%;
  margin-bottom: 12px !important;
  float: left;
}

.commonFrom::after {
  content: '';
  display: block;
  clear: both;
}

.el-tabs__item:hover {
  color: #fa7355 !important;
  cursor: pointer;
}
.el-tabs__item.is-active {
  color: #fa7355 !important;
}
.el-tabs__active-bar {
  background-color: #fa7355 !important;
}
.el-pager li.active {
  color: #fa7355 !important;
}
.el-pager li:hover {
  color: #fa7355 !important;
}
.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #fa7355 !important;
}
.el-pagination button:hover {
  color: #fa7355 !important;
}
.el-progress-bar__inner {
  background-color: #fa7355 !important;
}
.el-tabs__nav-next:hover,
.el-tabs__nav-prev:hover {
  color: #fa7355 !important;
}

.el-tabs--card > .el-tabs__header .el-tabs__nav,
.el-tabs--card > .el-tabs__header,
.el-tabs--card > .el-tabs__header .el-tabs__item,
.el-checkbox__inner,
.el-textarea__inner {
  border-color: #d6d6d6 !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border-radius: 0 !important;
}

.el-tabs--card > .el-tabs__content {
  border-color: #d6d6d6 !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #fff !important;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active::after {
  content: '';
  height: 2px;
  width: calc(100% + 1px);
  background-color: #fa7355;
  margin-top: -1px;
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
}
.el-cascader__suggestion-item.is-checked {
  color: #fa7355 !important;
}
.app_body .el-tabs__header {
  margin: 0;
}
.el-input__inner {
  border-color: #d6d6d6 !important;
}
.xg:hover,
.sc:hover,
.ty:hover {
  background-color: #fa7355 !important;
  color: #fff !important;
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: #fa7355 !important;
}

.el-tabs__item {
  font-size: 16px !important;
  color: #333 !important;
}
.el-select-dropdown__item.selected {
  color: #fa7355 !important;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #fa7355 !important;
}
.el-input--small {
  font-size: 14px !important;
}

.el-textarea__inner,
.el-input__inner,
.el-radio,
.el-dialog .el-form-item__content,
.el-form-item__label,
.el-dialog__body,
.el-checkbox {
  color: #333 !important;
}
.footer .commonBtn,
.footer .commonBtn1 {
  width: 130px;
}

.el-pagination button:disabled:hover {
  color: #c0c4cc !important;
}

.nocontent_bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.el-tooltip__popper {
  max-width: 960px;
}
